<template>
  <div class="list_right_show moments_like_show">
    <img src="/static/icon/moments/heart_v2.png" />
    <span v-for="(like, index) in likes" :key="index" style="margin-left: 8px;">{{ like }} </span>
  </div>
</template>

<script setup>
defineProps(['likes']);
</script>

<style scoped>
	.moments_list_right{
		flex: 1;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.moments_like_show {
	  width: 95%;
	  background-color: rgba(0, 128, 255, 0.08); /* 浅蓝背景，透明度提升轻盈感 */
	  border-radius: 12rpx; /* 圆角提升卡片感 */
	  padding: 0 16rpx;
	  height: auto; /* 高度自动适应内容 */
	  line-height: 40rpx;
	  margin-right: 20px;
	  color: #0080ff;
	  display: flex;
	  align-items: center;
	  flex-wrap: wrap;
	  overflow: hidden;
	}
	.moments_like_show img {
	  height: 36rpx;
	  margin-right: 8rpx;
	}

</style>
